<template>
    <div class="good-doctor clearfix">
       <ul>
           <li class="clearfix">
               <img src="../../assets/meirong1.jpg" alt="">
                <div class="text">
                    <p>王晓敏</p>
                    <p>北京爱思克外科门诊部</p>
                </div>
           </li>
       </ul>
    </div>
</template>

<script>
    export default {
        name: "GoodDoctor"
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .good-doctor{
        li{
            padding: 10px 0 20px 0;
            border-bottom: 1px solid #e0e0e0;
            img{
                width: 40px;
                height: 40px;
                border-radius: 50%;
                float: left;
            }
            .text{
                font-size: 14px;
                float: left;
                margin-left: 10px;
                >:first-child{
                    color: @theme-color-dark;
                }
                p{
                    color: #999999;
                }
            }
        }
    }

</style>